<!DOCTYPE html>
<html dir="ltr" lang="en-US">

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <!-- Stylesheets
            ============================================= -->

    <link rel="stylesheet" href="css/aos.css" type="text/css" />
    <link rel="stylesheet" href="css/plugin.css" type="text/css" />
    <link rel="stylesheet" href="css/swiper-bundle.min.css" type="text/css">
    <link rel="stylesheet" href="css/thaw-flexgrid.css" type="text/css" />
    <link rel="stylesheet" href="css/font.css" type="text/css" />
    <link rel="stylesheet" href="css/all.min.css" type="text/css">
    <link rel="stylesheet" href="style.css" type="text/css" />
    <link rel="stylesheet" href="css/responsive.css" type="text/css" />
    <link rel="stylesheet" href="css/lightgallery.min.css" type="text/css">
    <!-- External Styles
            ============================================= -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <!-- Document Title
            ============================================= -->
    <title>Irhas1 | Irhas HTML Themes</title>
</head>

<body class="irhas1 home1">
    <!-- MAIN WRAPPER START
            ============================================= -->
    <div class="main-wrapper clearfix">
        <!-- HEADER START
                ============================================= -->
        <header id="header">
            <div class="header-style-1">
                <div class="thaw-container">
                    <div class="header-style1-wrap grid grid-cols-12">
                        <div class="header-content-left col-span-9 res:col-span-12 sm:col-span-12 grid grid-cols-12">
                            <!-- LOGO START
                                                    ============================================= -->
                            <div class="logo col-span-3">
                                <a href="index.html">
                                    <img src="img/irhas1.png" alt="Irhas Logo" />
                                </a>
                            </div>
                            <!-- LOGO END -->
                            <!-- NAVIGATION START
                                                    ============================================= -->
                            <nav class="main-nav col-span-9  sm:col-span-12">
                                <!-- Mobile menu toggle button (hamburger/x icon) -->
                                <input id="main-menu-state" type="checkbox" />
                                <label class="main-menu-btn" for="main-menu-state">
                                    <span class="main-menu-btn-icon"></span> Toggle main menu visibility
                                </label>
                                <!-- Sample menu definition -->
                                <ul id="main-menu" class="sm sm-clean">
                                    <li class="menu-item has-submenu">
                                        <a href="index.html">Home</a>
                                    </li>
                                    <li class="menu-item has-submenu">
                                        <a href="projects.html">Products</a>
                                    </li>
                                    <li class="menu-item has-submenu">
                                        <a href="about.html">About</a>
                                    </li>
                                </ul>
                            </nav>
                            <!-- NAVIGATION END -->
                        </div>
                        <div class="header-content-right col-span-3">
                            <div class="content-right-area">
                                <ul class="right-area-menu">
                                    <li class="right-area-item">
                                        <a href="#" class="button button-head-item">Contact US</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- HEADER END -->
        <!-- Content -->
        <section class="content">
            <!-- Video Background -->
            <div class="bg-video-block">
                <div class="bg-video-wrap">
                    <video src="img/bgvideo.mp4" loop muted autoplay></video>
                    <div class="video-overlay"></div>
                    <div class="vide-content grid grid-cols-12">
                        <div class="thaw-container">
                            <div class="video-title col-span-4">
                                <div class="the-title">
                                    <h3>Welcome to safiineed</h3>
                                    <h1>We help you light up your digital oasis</h1>
                                </div>
                                <div class="video-desc">
                                    <div class="play-button">
                                        <a href="">
                                            <i class="fas fa-play"></i>
                                        </a>
                                    </div>
                                    <p>
                                        Safiindeed has successfully developed a variety of ready-made software solutions, with comprehensive localization tailored specifically for the Arab region. We support source code customization. Once the contract is signed, the solutions can be deployed immediately.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Video Background -->
            <!-- Counter Block -->
            <div class="counter-block" data-aos="fade-in">
                <div class="thaw-container">
                    <div class="counter-wrap grid gap-12 grid-cols-12">
                        <div class="counter-item col-span-4 sm:col-span-12 sm:grid-cols-12 ">
                            <h3 class="timer counter-number count-number" data-to="129847" data-speed="10000">129847
                            </h3>
                            <div class="desc-counter flex">
                                <p><span class="divider-counter"></span>Clients from 60 Countries</p>
                            </div>
                        </div>
                        <div class="counter-item col-span-4 sm:col-span-12 sm:grid-cols-12 ">
                            <div class="number-counter flex"><span>$</span>
                                <h3 class="timer counter-number count-number" data-to="796882" data-speed="10000">796882
                                </h3>
                            </div>
                            <div class="desc-counter">
                                <p><span class="divider-counter"></span>Average Client Earnings</p>
                            </div>
                        </div>
                        <div class="counter-item col-span-4 sm:col-span-12 sm:grid-cols-12 ">
                            <div class="number-counter flex">
                                <h3 class="timer counter-number count-number" data-to="89" data-speed="10000">95</h3>
                                <span>%</span>
                            </div>
                            <div class="desc-counter">
                                <p><span class="divider-counter"></span>Client Recommend</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Counter -->
            <!-- About Block -->
            <!-- end About -->
            <!-- Service Block -->
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2600 131.1" preserveAspectRatio="none"
                class="home1 svg1">
                <path class="elementor-shape-fill" d="M0 0L2600 0 2600 69.1 0 0z"></path>
                <path class="elementor-shape-fill" style="opacity:0.5" d="M0 0L2600 0 2600 69.1 0 69.1z"></path>
                <path class="elementor-shape-fill" style="opacity:0.25" d="M2600 0L0 0 0 130.1 2600 69.1z"></path>
            </svg>
            <!-- End Service Block -->
            <!-- Portfolio Block -->
            <div class="portfolio-block">
                <div class="thaw-container">
                    <div class="portfolio-wrap">
                        <div class="portfolio-title-wrap grid grid-cols-12">
                            <div class="title-portfolio col-span-6 res:col-span-8 sm:col-span-12">
                                <div class="the-title">
                                    <h3>Product Portfolio</h3>
                                </div>
                                <div class="desc">
                                    <p>All the products below are ready-made solutions. We deliver the source code, enabling deployment on cloud servers. Our solutions are fully localized for the Arab region, and we provide comprehensive training to ensure a seamless implementation. We also offer custom development services.</p>
                                </div>
                            </div>
                            <div class="button-portfolio-wrap col-span-6 res:col-span-4 sm:col-span-12">
                                <div class="portfolio-button">
                                    <a href="projects.html">View All Products</a>
                                </div>
                            </div>
                        </div>
                        <div class="portfolio-item-loop grid grid-cols-12 gap-12" data-aos="fade-zoom-in">
                            <div class="portfolio-item col-span-3 sm:col-span-12 res:col-span-6">
                                <div class="portfolio-style-1">
                                    <a class="portfolio-link" href="single-projects.html"></a>
                                    <div class="portfolio-grid-image-container">
                                        <div class="portfolio-grid-image">
                                            <img loading="lazy" src="img/portfolio1.jpg" alt="portfolio1" width="800"
                                                height="373">
                                        </div>
                                    </div>
                                    <div class="portfolio-hover"></div>
                                    <div class="portfolio-grid-content">
                                        <div class="portfolio-grid-text">
                                            <h5 class="portfolio-title">E-commerce Platform</h5>
                                            <p class="portfolio-cate">Marketing
                                            </p>
                                            <div class="portfolio-excerpt">
                                                <p>including web and mobile applications...</p>
                                            </div>
                                        </div>
                                        <div class="portfolio-read-more">
                                            Learn More
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="portfolio-item col-span-3 sm:col-span-12 res:col-span-6">
                                <div class="portfolio-style-1">
                                    <a class="portfolio-link" href="single-projects.html"></a>
                                    <div class="portfolio-grid-image-container">
                                        <div class="portfolio-grid-image">
                                            <img loading="lazy" src="img/portfolio2.jpg" alt="portfolio2" width="800"
                                                height="373">
                                        </div>
                                    </div>
                                    <div class="portfolio-hover"></div>
                                    <div class="portfolio-grid-content">
                                        <div class="portfolio-grid-text">Management
                                            <h5 class="portfolio-title"> Audit Business</h5>
                                            <p class="portfolio-cate">Additional
                                            </p>
                                            <div class="portfolio-excerpt">
                                                <p>Other on watch are absolutely they’d phase didn’t to...</p>
                                            </div>
                                        </div>
                                        <div class="portfolio-read-more">
                                            Learn More
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="portfolio-item col-span-3 sm:col-span-12 res:col-span-6">
                                <div class="portfolio-style-1">
                                    <a class="portfolio-link" href="single-projects.html"></a>
                                    <div class="portfolio-grid-image-container">
                                        <div class="portfolio-grid-image">
                                            <img loading="lazy" src="img/portfolio3.jpg" alt="portfolio3" width="800"
                                                height="373">
                                        </div>
                                    </div>
                                    <div class="portfolio-hover"></div>
                                    <div class="portfolio-grid-content">
                                        <div class="portfolio-grid-text">
                                            <h5 class="portfolio-title">Corporation Those Investors</h5>
                                            <p class="portfolio-cate">Additional
                                            </p>
                                            <div class="portfolio-excerpt">
                                                <p>Pile about and she paint, few the of belt...</p>
                                            </div>
                                        </div>
                                        <div class="portfolio-read-more">
                                            Learn More
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="portfolio-item col-span-3 sm:col-span-12 res:col-span-6">
                                <div class="portfolio-style-1">
                                    <a class="portfolio-link" href="single-projects.html"></a>
                                    <div class="portfolio-grid-image-container">
                                        <div class="portfolio-grid-image">
                                            <img loading="lazy" src="img/portfolio4.jpg" alt="portfolio4" width="800"
                                                height="373">
                                        </div>
                                    </div>
                                    <div class="portfolio-hover"></div>
                                    <div class="portfolio-grid-content">
                                        <div class="portfolio-grid-text">
                                            <h5 class="portfolio-title">Limited Liability Company</h5>
                                            <p class="portfolio-cate">Journey
                                            </p>
                                            <div class="portfolio-excerpt">
                                                <p>Her a the their long to the odd our...</p>
                                            </div>
                                        </div>
                                        <div class="portfolio-read-more">
                                            Learn More
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Portfolio Block -->
            <!-- Team Block -->
            <!-- Partners block -->
            <div class="partner-block">
                <div class="thaw-container">
                    <div class="partner-wrap grid grid-cols-12" data-aos="fade-zoom-in">
                        <div class="partner-title-wrap col-span-5 res:col-span-12">
                            <div class="the-title">
                                <h3>About US</h3>
                            </div>
                            <div class="the-desc">
                                <p>At Safiindeed, our team consists of highly skilled professionals from China and Saudi Arabia, with extensive experience at Fortune 500 companies like Saudi Aramco, Microsoft, and Alibaba. We bring deep expertise in software development, localization, and project management, and have a proven track record of successful projects in the Arab region. Our commitment to excellence ensures client satisfaction.</p>
                            </div>
                        </div>

                        <div class="partner-logo-wrap col-span-7 res:col-span-12">
                            <div class="partner-loop grid grid-cols-12 gap-4 row-gap-6">
                                <div class="partner-item col-span-3 sm:col-span-6">
                                    <a href="#">
                                        <img src="img/client1.jpg" alt="client">
                                    </a>
                                </div>
                                <div class="partner-item col-span-3 sm:col-span-6">
                                    <a href="#">
                                        <img src="img/client4.jpg" alt="client">
                                    </a>
                                </div>
                                <div class="partner-item col-span-3 sm:col-span-6">
                                    <a href="#">
                                        <img src="img/client2.jpg" alt="client">
                                    </a>
                                </div>
                                <div class="partner-item col-span-3 sm:col-span-6">
                                    <a href="#">
                                        <img src="img/client3.jpg" alt="client">
                                    </a>
                                </div>
                                <div class="partner-item col-span-3 sm:col-span-6">
                                    <a href="#">
                                        <img src="img/client5.jpg" alt="client">
                                    </a>
                                </div>
                                <div class="partner-item col-span-3 sm:col-span-6">
                                    <a href="#">
                                        <img src="img/client6.jpg" alt="client">
                                    </a>
                                </div>
                                <div class="partner-item col-span-3 sm:col-span-6">
                                    <a href="#">
                                        <img src="img/client7.jpg" alt="client">
                                    </a>
                                </div>
                                <div class="partner-item col-span-3 sm:col-span-6">
                                    <a href="#">
                                        <img src="img/client8.jpg" alt="client">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>         
            <!-- End Partners block -->            
            <!-- end Team block -->
            <!-- video banner -->
            <!-- end video banner -->
            <!-- Blog Section -->
            <!-- End Blog -->
            <!-- Testimonial -->
            <!-- End Testimonial -->
        </section>
        <!-- End Content -->
        <!-- Footer -->
        <footer class="footer">
            <!-- Footer Widgets -->
            <div class="footer-widgets-holder">
                <div class="thaw-container">
                    <div class="footer-widgets2 grid grid-cols-12 gap-24">
                        <div class="footer-widget item col-span-4 sm:col-span-12 res:col-span-12">
                            <div class="widget-footer widget_text">
                                <div class="textwidget">
                                    <p class="logo-footer"><img src="img/irhas1white.png" alt=""></p>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                                        incididunt ut labore dolore. Nam tincidunt, tellus quis maximus consequat. et
                                        malesuada nibh lorem vel.</p>
                                </div>
                            </div>
                            <div id="irhas_icon-widget-2" class="widget-footer widget_irhas_icon">
                            </div>
                        </div>
                        <div class="footer-widget item col-span-4 sm:col-span-12 res:col-span-12">
                            <div class="widget-footer widget_irhas_servicepost">
                                <div class="title">
                                    <h4 class="widget-title">Our Service</h4>
                                </div>
                                <div class="sidebar-recent-post">
                                    <!-- widget-news -->
                                    <div class="post-item">
                                        <div class="latest-post-content">
                                            <h4>
                                                <a href="single-service.html">
                                                    <i class="fa fa-chevron-right"></i>
                                                    <span>Referral Service Management</span>
                                                </a>
                                            </h4>
                                        </div>
                                    </div>
                                    <!-- widget-news end -->
                                    <!-- widget-news -->
                                    <div class="post-item">
                                        <div class="latest-post-content">
                                            <h4>
                                                <a href="single-service.html">
                                                    <i class="fa fa-chevron-right"></i>
                                                    <span>Personal Service Development</span>
                                                </a>
                                            </h4>
                                        </div>
                                    </div>
                                    <!-- widget-news end -->
                                    <!-- widget-news -->
                                    <div class="post-item">
                                        <div class="latest-post-content">
                                            <h4>
                                                <a href="single-service.html">
                                                    <i class="fa fa-chevron-right"></i>
                                                    <span>Strategy Business Management</span>
                                                </a>
                                            </h4>
                                        </div>
                                    </div>
                                    <!-- widget-news end -->
                                    <!-- widget-news -->
                                    <div class="post-item">
                                        <div class="latest-post-content">
                                            <h4>
                                                <a href="single-service.html">
                                                    <i class="fa fa-chevron-right"></i>
                                                    <span>Partnership Quality Member</span>
                                                </a>
                                            </h4>
                                        </div>
                                    </div>
                                    <!-- widget-news end -->
                                </div>
                            </div>
                        </div>
                        <div class="footer-widget item col-span-4 sm:col-span-12 res:col-span-12">
                            <div class="widget-footer widget_text">
                                <div class="title">
                                    <h4 class="widget-title">Get In Touch</h4>
                                </div>
                                <div class="textwidget">
                                    <p><strong>+62 828 111 96 75</strong></p>
                                    <p>Jl. Maleer Indah II, Maleer, Batununggal, Kota Bandung, Jawa Barat 40274.</p>
                                    <p>irhas@contact.com<br>
                                        info@irhas.com
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- End Footer -->
    </div>
    <!-- MAIN WRAPPER END -->
    <!-- Footer Scripts
            ============================================= -->
    <!-- JavaScripts
        ============================================= -->
    <script src="js/jquery-3.6.0.min.js"></script>
    <script src="js/swiper-bundle.min.js"></script>
    <script src="js/aos.js"></script>
    <script src="js/jquery.smartmenus.min.js"></script>
    <script src="js/lightgallery-all.min.js"></script>
    <script src="js/main.js"></script>
</body>

</html>